@import "src/theme/style/style";

$trigger-class: #{$ui-prefix}-trigger;

@mixin animation($name) {
  animation: 0.3s;
  animation-name: $name;
}

.#{$trigger-class} {
  position: absolute;
  overflow: hidden;
  z-index: $triggerZIndex;

  &-hidden {
    display: none;
  }

  &-fadein {
    @include animation(fadein)
  }

  &-fadeout {
    opacity: 0;
    @include animation(fadeout)
  }
}

@keyframes fadein {
  from {
    opacity: 0; // 完全透明
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
